<html xmlns:th="http://www.thymeleaf.org"
      th:replace="~{fragments/layout :: layout (~{::body},'owners')}">

<body>

<h2>
  <th:block th:if="${visit['new']}">Vizită </th:block>
  Nouă
</h2>

<b>Animal</b>
<table class="table table-striped">
  <thead>
  <tr>
    <th>Nume</th>
    <th>Data naşterii</th>
    <th>Tip</th>
    <th>Proprietar</th>
  </tr>
  </thead>
  <tr>
    <td th:text="${pet.name}" /></td>
    <td
            th:text="${#temporals.format(pet.birthDate, 'yyyy-MM-dd')}" /></td>
    <td th:text="${pet.petType}" /></td>
    <td
            th:text="${pet.owner?.firstName + ' ' + pet.owner?.lastName}" /></td>
  </tr>
</table>

<form th:object="${visit}" class="form-horizontal" method="post">
  <div class="form-group has-feedback">
    <input
            th:replace="~{fragments/inputField :: input ('Data', 'date', 'date')}"  />
    <input
            th:replace="~{fragments/inputField :: input ('Descriere', 'description', 'text')}" />
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <input type="hidden" name="petId" th:value="${pet.id}" />
      <button class="btn btn-default" type="submit">Adaugă vizită</button>
    </div>
  </div>
</form>

<br />
<b>Vizite precedente</b>
<table class="table table-striped">
  <tr>
    <th>Data</th>
    <th>Descriere</th>
  </tr>
  <tr th:if="${!visit['new']}" th:each="visit : ${pet.visits}">
    <td th:text="${#temporals.format(visit.date, 'yyyy-MM-dd')}" /></td>
    <td th:text=" ${visit.description}" /></td>
  </tr>
</table>

</body>
</html>